آزر · 01 · البنفسجي

ANCHOR · المرساة

p-500 — البنفسجي القائد

هذه اللحظة تحديداً في الطيف اللوني هي آزر. لا p-400 ولا p-600 — p-500 هو التوازن بين الحضور والقابلية، بين الثقل والنعومة. كل ما في إطار آزر يستمد هويته من هذا اللون.

p-500 · ANCHOR · آزر

البنفسجي
القائد

★ هوية آزر

#5B3CC4

oklch(0.44 0.19 300°)

انقر للنسخ

لماذا p-500 تحديداً؟
L=0.44 في OKLCH

عند L=0.44، اللون لا فاتح ولا داكن — يعمل على خلفيات الورق والرمل، ويقرأ النص الأبيض فوقه بوضوح. أي أفتح يفقد الوزن، أي أثقل يثقل الصفحة.

Hex

#5B3CC4

OKLCH

oklch(0.44 0.19 300°)

RGB

91 · 60 · 196

النص عليه

أبيض (#FBF8F1) فقط

يُستخدم في

كل الـchrome، الـeye dot، الأرقام المحورية، الشعار

ثابت في

نظام A · نظام B · الشعار · كل الـframe

FULL SCALE · السلم الكامل

p-50 إلى p-900 — عشرة درجات

كل درجة لها اسم دلالي وقواعد استخدام محددة. السلم مبني على OKLCH — الإشباع (C) ثابت نسبياً، فقط الإضاءة (L) تتغير. هذا يضمن أن كل الدرجات "تنتمي" بصرياً لنفس العائلة.

p-50

الإيحاء

#F4F0FD

hover state، أقل حضور ممكن

حِبر ✓

p-100

الخلفية

#E6DCFB

card background، section tint

حِبر ✓

p-200

الفاصل

#CAB9F4

borders، hairlines، dividers

حِبر ✓

p-300

الدعم

#A78CE5

أيقونات ثانوية، links فاتحة

حِبر ✓

p-400

الانتقال

#7D5CD0

interactive states، لا للنص الطويل

ورق ⚑

p-500 ★

p-500 · آزر

القائد ★

#5B3CC4

كل الـframe، الشعار، الـeye

ورق ✓

p-600

الوزن

#4A30A6

تأكيد إضافي، card headers

ورق ✓

p-700

التأكيد

#3A2485

headers داكنة، أقسام ثقيلة

ورق ✓✓

p-800

العمق

#271862

footer، section divider ثقيل

ورق ✓✓

p-900

الغمر

#160D3A

الغلاف الكامل، الشريحة الكاملة

ورق ✓✓✓

ملاحظة

p-900 لا يُستخدم كـaccent — هو للغمر الكامل فقط. في السياق الاعتيادي، p-500 هو اللون العامل. p-900 يحتاج خلفية كاملة وليس عنصراً صغيراً.

انقر على أي درجة للنسخ. السلم مبني على OKLCH بمرساة oklch(.476 .199 286.6°) (p-500). H يدور قليلاً حول 286° (±15°) عبر السلم بسبب الـtoe في المنطقة الداكنة، وC يصل ذروته عند p-500 ثم يهبط في الطرفين. كل القيم مولَّدة من المحرك (ملف 06) — انظر الجدول أدناه.

FULL OKLCH TABLE · جدول OKLCH الكامل

كل درجة — L · C · H الفعلية

القيم أدناه مولَّدة من محرك OKLCH (ملف 06) — حساب فعلي بمصفوفة Björn Ottosson، لا تقريب يدوي. هذا يحسم تناقض «L 0.44 لـp-500» مع «L من 0.97 إلى 0.17»: 0.44 كانت تقدير تصميمي، والقيمة الفعلية المُولَّدة هي 0.476، والمدى الفعلي 0.205→0.962.

الدرجة	HEX	L · الإضاءة	C · الإشباع	H · الزاوية
p-50	#F4F0FD	0.962	0.018	300.1°
p-100	#E6DCFB	0.912	0.043	300.3°
p-200	#CAB9F4	0.820	0.084	297.7°
p-300	#A78CE5	0.700	0.130	296.9°
p-400	#7D5CD0	0.566	0.172	293.2°
p-500 ★	#5B3CC4	0.476	0.199	286.6°
p-600	#4A30A6	0.417	0.178	285.9°
p-700	#3A2485	0.354	0.152	286.1°
p-800	#271862	0.283	0.123	284.7°
p-900	#160D3A	0.205	0.082	285.8°

قراءة الجدول: الإضاءة L تنخفض بمعدل ~0.08 لكل درجة (لينك متناسق). الإشباع C يصل ذروته عند p-500 (0.199) ثم يهبط نحو الأطراف (toe في الفاتح والداكن — حد طبيعي لـsRGB gamut). الزاوية H تستقر حول 286°–300° — انحراف خفيف لأن الـtoe يدفعها قليلاً. هذا انحراف مقصود يحفظ القراءة على الشاشة.

NEUTRAL COMPANIONS · المحايدات الرفيقة

أربعة محايدات — دائماً بجانب البنفسجي

البنفسجي لا يعمل وحده. هذه المحايدات الأربعة هي الهواء الذي يتنفس فيه — تمنحه مساحة وتبرزه دون منافسة.

الورق

ورق · Paper

#FBF8F1

الخلفية الرئيسية. كريمي دافئ لا أبيض بارد. معظم صفحات النظام.

الرمل

رمل · Sand

#F2EDE3

الخلفية الثانوية للـcard والـheader والـfooter والجداول.

الحِبر

حِبر · Ink

#1B1815

النص الرئيسي. الخلفية الداكنة المحايدة. ليس أسود صرف — دافئ قليلاً.

العميق

عميق · Deep

#120F0C

أثقل من الحِبر. للخلفيات الداكنة أو الغلاف المحايد بدون بنفسجي.

لماذا كريمي لا أبيض؟ الأبيض البارد (#FFFFFF) يُبرد بنفسجي آزر ويجعله يبدو "إلكترونياً" أكثر من اللازم. الورق الكريمي (#FBF8F1) يحمل دفء التراث ويجعل البنفسجي يبدو أكثر انتماءً وأقل استعراضاً.

CONTRAST RULES · قواعد التباين

أي نص على أي خلفية — جدول القراءة

قاعدة واحدة تحسم كل موقف: كلما كانت الخلفية أفتح من p-400، استخدم نص الحِبر. كلما كانت p-500 أو أثقل، استخدم الورق الأبيض.

الدرجة

نص ورق/أبيض

نص حِبر/داكن

p-50

✕ لا يُقرأ

✓ مثالينص

p-100

✕ لا يُقرأ

✓ مثالينص

p-200

✕ لا يُقرأ

✓ مثالينص

p-300

⚑ كبير فقط (24px+)

✓ مثالينص

p-400

⚑ كبير وثقيل فقط

⚑ حذر — تباين منخفض

⚑ p-400 هي منطقة الخطر — لا تُستخدم خلفية للنص إلا في لحظات تأكيد قصيرة وكبيرة الحجم

p-500 ★

✓ مثالينص

✕ لا يُقرأ

p-600

✓ مثالينص

✕ لا يُقرأ

p-700

✓✓ ممتازنص

✕ لا يُقرأ

p-800

✓✓ ممتازنص

✕ لا يُقرأ

p-900

✓✓✓ أقصى تبايننص

✕ لا يُقرأ

SEMANTIC USAGE · الاستخدام الدلالي

كل درجة أين بالضبط

الجدول التشغيلي اليومي — من أين يأتي اللون ويذهب في كل مخرج.

الدرجة

الاسم

الاستخدام المحدد

p-50

الإيحاء

Hover state للأزرار والروابط البنفسجية على خلفية الورق. أضعف حضور ممكن.

p-100

الخلفية

خلفية الـcard في أقسام "شرح الخدمة"، خلفية شريحة context محايدة مع لمسة بنفسجية.

p-200

الفاصل

الحدود (borders) في الجداول والـcards على خلفية الورق. hairlines الفاصلة بين الأقسام.

p-300

الدعم

الأيقونات الثانوية على الورق. النص الملوّن الثانوي (مثل: "تعرف على المزيد"). نقاط الـlist البنفسجية.

p-400

الانتقال

Active state للأزرار. pressed state. لا يُستخدم خلفية للنص العادي — تباين غير كافٍ.

p-500 ★

القائد ★

الـeye dot. الأرقام الكبيرة. الـaccent الرئيسي. header الـfooter. شعار آزر. كل عناصر الإطار.

p-600

الوزن

Header cards بنفسجية داكنة. الأزرار المضغوطة المهمة. لحظات تأكيد بصري فوق p-500.

p-700

التأكيد

أقسام ثقيلة في الوثيقة. نص عنوان كبير على خلفية p-700 (أبيض فوقه). Footer bar البنفسجي.

p-800

العمق

فاصل القسم الثقيل بين الفصول. Footer بنفسجي عميق. الخلفية الداكنة للـstatement slide.

p-900

الغمر

الغلاف الكامل. الشريحة كاملة اللون (concept reveal). الخلفية للشعار البنفسجي الكبير في النهاية.

IN CONTEXT · في السياق

أربع درجات — أربع شرائح

كيف يعمل كل نوع من الخلفيات البنفسجية في سياق الشريحة الحقيقية.

AZR 01

آزر · الاستوديو

النظام
البصري

الغلاف · p-900 خلفية + p-500 للشعار

AZR 05

INSIGHT

"الوضوح
ليس تبسيطاً"

Statement · p-800 خلفية + ورق + p-500 accent

AZR 08

النتيجة

٣×

معدل الانتباه مقارنة بالنهج السابق

البيانات · ورق + p-500 للرقم والـeye

AZR المقارنة

قبل

٢٣٪

معدل التحويل الأولي

بعد

٦١٪

مع الهوية الجديدة

المقارنة · p-100 vs p-500 · كلاهما من نفس العائلة

PROPORTIONAL PALETTE · اللوحة النسبية

النسب كمساحات — لا كـswatches

هذا التوزيع الحقيقي للألوان في أي مخرج. ليس قائمة ألوان متجاورة — بل نسب استخدام فعلية مقيسة في الصفحة والشريحة.

60%

30%

8%

الخلفيات المحايدة

الحبر والعمق

accent

2

60 %

الخلفيات المحايدة

Paper · Sand · الورق والرمل. معظم مساحة الصفحة — هذا اللون الصامت الذي يُريح العين ويُبرز ما فوقه.

30 %

الحبر والعمق

Ink · Deep. النص، والأقسام الداكنة، والإطار البنيوي. الثقل البصري الذي يعطي المخرج حضوره.

8 %

البنفسجي الفاعل

p-500 كـaccent. الأرقام الكبيرة، نقطة العين، الشعار، الـeye dots. قليل لكنه الذي يُقرأ أولاً.

2 %

البنفسجي الهادئ

p-100 / p-200 / p-300. الحالات، الـhover، الخلفيات اللمسية الخافتة. يُلمح ولا يصرخ.

قاعدة النسب: كلما زاد البنفسجي عن 8% كـaccent، يفقد قوته وتعب منه العين. نقطة العين الواحدة p-500 في صفحة ورقية = أقوى من صفحة كلها p-500. الندرة هي القوة.

BACKGROUND MODES · أوضاع الخلفية

ثلاثة أوضاع — متى كل منها

كل وضع شخصية مختلفة واستخدامات مختلفة. القاعدة: لا تخلط وضعين في الشريحة الواحدة — الانتقال يحدث عند حدود القسم.

MODE 1 · الفاتح

الوضع الافتراضي

معظم الشرائح والوثائق. خلفية ورق أو رمل، نص حبر، accent بنفسجي.

خلفية: Paper / Sand

نص: Ink #1B1815

accent: p-500

03

التحدي

كيف نحوّل
الزيارة إلى ذاكرة

متى: شرائح المحتوى والتحليل

MODE 2 · الداكن

الحضور والثقل

فواصل الأقسام، الشرائح الطاقوية، الختام. خلفية داكنة، نص كريمي، accent p-400.

خلفية: Ink / Deep

نص: #FBF8F1 كريمي

accent: p-400

07

الفصل الثاني

منهجية
الابتكار

متى: فواصل الأقسام والبيانات الكبيرة

MODE 3 · البنفسجي الصرف

لحظة الكشف

الغلاف الرسمي، كشف المفهوم المحوري، ختام العرض. مرة واحدة أو مرتين في العرض الكامل.

خلفية: p-500 → p-900

نص: #FBF8F1 فقط

accent: أبيض شفاف

01

فكرة المحور

النظام الذي
يتذكره الناس

متى: الغلاف + كشف المفهوم + الختام فقط

القاعدة

الفاتح

الداكن

البنفسجي الصرف

تكرار في العرض

معظم الشرائح

كل 3-4 شرائح

مرة أو مرتين بالكثير

نسخة الشعار

azr-wordmark-ink

azr-wordmark-cream

نظام A (الجاذبية)

لا يُستخدم

✓ الوضع الأساسي له

✓ فقط بنفسجي صرف

ممنوع الخلط في شريحة واحدة: نصف الشريحة فاتح ونصفها داكن (اللقطة المنقسمة) مسموح كاستثناء مقصود مرة في العرض. أما الخلفيات المتناثرة بلا منطق = فوضى بصرية.

DON'TS · المحظورات

ما لا تفعله — محدد لا عام

✕ محظور 01

لا تستخدم p-400 خلفية للنص العادي

p-400 تقع بين منطقتي التباين — لا النص الأبيض ولا الأسود يقرأ بسهولة عليها. تُستخدم فقط كـaccent صغير أو active state، لا كخلفية لجملة.

هذا النص يصعب قراءته ← p-400

✕ محظور 02

لا تجمع p-300 وp-500 في نفس العنصر كـaccents متنافسة

درجتان من نفس السلم في نفس الوظيفة تُربك العين — أيهما الأهم؟ استخدم p-500 للعنصر الرئيسي وp-300 للعنصر الثانوي، لا للمنافسة.

عنوان + عنوان آخر؟

✕ محظور 03

لا تستخدم p-500 كلون خلفية لنص طويل

p-500 ثقيل بصرياً — يُجهد القراءة عند التعرض لفقرات. يُستخدم للعناوين الكبيرة والأرقام والـaccents، لا لخلفية صفحة الشرح.

هذه الجملة الطويلة على p-500 تُجهد العين بسرعة

✕ محظور 04

لا تُدخل درجة بنفسجية في إطار آزر حين تعمل على مفهوم عميل

حين يكون مفهوم العميل بلون مشتق (الوحدة 06)، الإطار آزر يبقى p-500 حصراً. أي تلوين للإطار بلون المفهوم يُسقط الهرمية ويُفقد هوية آزر.

AZR بلون آخر ← يُلغي الهوية

p-500 — البنفسجي القائد

لماذا p-500 تحديداً؟L=0.44 في OKLCH

p-50 إلى p-900 — عشرة درجات

كل درجة — L · C · H الفعلية

أربعة محايدات — دائماً بجانب البنفسجي

أي نص على أي خلفية — جدول القراءة

كل درجة أين بالضبط

أربع درجات — أربع شرائح

النسب كمساحات — لا كـswatches

ثلاثة أوضاع — متى كل منها

ما لا تفعله — محدد لا عام

لماذا p-500 تحديداً؟
L=0.44 في OKLCH